<template>
	<div style="padding-bottom: 100px;" v-loading="loading">
		<div class="product-content">
			<!--基本信息-->
			<div class="common-form">基本信息</div>
			<div class="table-wrap">
				<el-row>
					<el-col :span="5">
						<div class="pb16">
							<span class="gray9">订单号：</span>
							{{ detail.order_no }}
						</div>
					</el-col>
					<el-col :span="5">
						<div class="pb16">
							<span class="gray9">买家：</span>
							{{ detail.user && detail.user.nickName }}
							<span>用户ID：({{ detail.user.user_id }})</span>
						</div>
					</el-col>
					<el-col :span="5">
						<div class="pb16">
							<span class="gray9">订单金额 (元)：</span>
							{{ detail.order_price }}
						</div>
					</el-col>
					<el-col :span="5">
						<div class="pb16">
							<span class="gray9">运费金额 (元)：</span>
							{{ detail.express_price }}
						</div>
					</el-col>
					<el-col :span="5" v-if="detail.coupon_money > 0">
						<div class="pb16">
							<span class="gray9">优惠券抵扣 (元)：</span>
							{{ detail.coupon_money }}
						</div>
					</el-col>
					<el-col :span="5" v-if="detail.points_money > 0">
						<div class="pb16">
							<span class="gray9">积分抵扣 (元)：</span>
							{{ detail.points_money }}
						</div>
					</el-col>
					<el-col :span="5" v-if="detail.points_num > 0">
						<div class="pb16">
							<span class="gray9">积分消耗：</span>
							{{ detail.points_num }}
						</div>
					</el-col>
					<el-col :span="5" v-if="detail.fullreduce_money > 0">
						<div class="pb16">
							<span class="gray9">满减金额 (元)：</span>
							{{ detail.fullreduce_money }}
						</div>
					</el-col>
					<el-col :span="5" v-if="detail.order_source==70">
						<div class="pb16">
							<span class="gray9">定金：</span>
							{{ detail.advance && detail.advance.pay_price }}
						</div>
					</el-col>
					<el-col :span="5" v-if="detail.order_source==70">
						<div class="pb16">
							<span class="gray9">尾款：</span>
							{{ detail.total_price }}
						</div>
					</el-col>
					<el-col :span="5" v-if="detail.order_source==70&&detail.advance.reduce_money">
						<div class="pb16">
							<span class="gray9">尾款立减：</span>
							{{ detail.advance && detail.advance.reduce_money }}
						</div>
					</el-col>
					<el-col :span="5">
						<div class="pb16">
							<span class="gray9">实付款金额 (元)：</span>
							{{ detail.pay_price }}
						</div>
					</el-col>
					<el-col :span="5">
						<div v-if="detail.pay_status.value==20">
							<div class="pb16" v-if="detail.pay_type.value!=10&&detail.balance>0">
								<span class="gray9">支付方式：</span>
								<!-- {{ detail.pay_type.text }}({{ detail.online_money }})+ 余额支付({{ detail.balance }}) -->
							</div>
							<div v-else><span class="gray9">支付方式：</span>
								<!-- {{ detail.pay_type.text }} -->
								<span v-if="detail.pay_type.value == 10">线下支付</span>
								<span v-else>微信支付</span>
							</div>
						</div>
						<div v-else><span class="gray9">支付方式：</span>
							<!-- {{ detail.pay_type.text }} -->
							<span v-if="detail.pay_type.value == 10">线下支付</span>
							<span v-else>微信支付</span>
						</div>
					</el-col>
					<el-col :span="5">
						<div class="pb16">
							<span class="gray9">配送方式：</span>
							<!-- {{ detail.delivery_type && detail.delivery_type.text }} -->
							线下配送
						</div>
					</el-col>
					<el-col :span="5">
						<div class="pb16">
							<span class="gray9">下单时间：</span>
							{{ detail.create_time }}
						</div>
					</el-col>
					<el-col :span="5" v-if="detail.receipt_time">
						<div class="pb16">
							<span class="gray9">完成时间：</span>
							{{ detail.receipt_time }}
						</div>
					</el-col>
					<el-col :span="5">
						<div class="pb16">
							<span class="gray9">交易状态：</span>
							{{ detail.order_status && detail.order_status.text }}
						</div>
					</el-col>
					<!-- <el-col :span="5"
            v-if="detail['pay_status']['value'] == 10 && detail['order_status']['value'] == 10 && detail['order_source'] == 10"
            v-auth="'/order/order/updatePrice'">
            <el-button @click="editClick(detail)" size="small">修改价格</el-button>
          </el-col> -->
				</el-row>
			</div>
			<!--商户信息-->
			<div class="common-form mt16">商户信息</div>
			<div class="table-wrap">
				<el-row>
					<el-col :span="5">
						<div class="pb16">
							<span class="gray9">商户名称：</span>
							{{ detail.supplier && detail.supplier.name }}
						</div>
					</el-col>
				</el-row>
			</div>
			<!--商品信息-->
			<div class="common-form mt16">商品信息</div>
			<div class="table-wrap">
				<el-table size="small" :data="detail.product" border style="width: 100%">
					<el-table-column prop="product_name" label="商品" width="400">
						<template #default="scope">
							<div class="product-info">
								<div class="pic"><img v-img-url="scope.row.image.file_path" /></div>
								<div class="info">
									<div class="name">{{ scope.row.product_name }}
										<span v-if="scope.row.is_gift==1" class="red">赠品</span>
									</div>
									<div class="gray9" v-if="scope.row.product_attr!=''">{{scope.row.product_attr}}
									</div>
									<div class="orange" v-if="scope.row.refund">
										{{ scope.row.refund.type.text }}-{{ scope.row.refund.status.text }}
									</div>
									<div class="price">
										<span
											:class="{'text-d-line':scope.row.is_user_grade==1,'gray6':scope.row.is_user_grade!=1}">￥
											{{ scope.row.product_price }}</span>
										<span class="ml10" v-if="scope.row.is_user_grade==1">
											会员折扣价：￥ {{ scope.row.grade_product_price }}
										</span>
									</div>
								</div>
							</div>
						</template>
					</el-table-column>
					<el-table-column prop="product_no" label="商品编码"></el-table-column>
					<el-table-column prop="product_weight" label="重量 (Kg)"></el-table-column>
					<el-table-column prop="total_num" label="购买数量">
						<template #default="scope">
							<p>x {{ scope.row.total_num }}</p>
						</template>
					</el-table-column>
					<el-table-column prop="total_price" label="商品总价(元)">
						<template #default="scope">
							<p>￥ {{ scope.row.total_price }}</p>
						</template>
					</el-table-column>
				</el-table>
			</div>

			<!--收货信息-->
			<div v-if="detail.delivery_type.value == 10">
				<div class="common-form mt16">收货信息</div>
				<div class="table-wrap">
					<el-row>
						<el-col :span="5">
							<div class="pb16">
								<span class="gray9">收货人：</span>
								{{ detail.address.name }}
							</div>
						</el-col>
						<el-col :span="5">
							<div class="pb16">
								<span class="gray9">收货电话：</span>
								{{ detail.address.phone }}
							</div>
						</el-col>
						<el-col :span="9">
							<div class="pb16">
								<span class="gray9">收货地址：</span>
								{{ detail.address.region.province }} {{ detail.address.region.city }}
								{{ detail.address.region.region }}
								{{ detail.address.detail }}
							</div>
						</el-col>
						<el-col :span="5" v-if="detail.delivery_status.value!=20">
							<div class="pb16">
								<el-button link type="primary" size="small" @click='changeAdd'> 修改地址</el-button>
							</div>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="25">
							<div class="pb16">
								<span class="gray9">备注：</span>
								{{ detail.buyer_remark }}
							</div>
						</el-col>
					</el-row>
				</div>
			</div>

			<!--自提门店信息-->
			<template v-if="detail.delivery_type.value == 20">
				<div class="common-form mt16">自提用户信息</div>
				<div class="table-wrap" v-if="detail.extract">
					<el-row>
						<el-col :span="5">
							<div class="pb16">
								<span class="gray9">联系人：</span>
								{{ detail.extract.linkman }}
							</div>
						</el-col>
						<el-col :span="5">
							<div class="pb16">
								<span class="gray9">联系电话：</span>
								{{ detail.extract.phone }}
							</div>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="25">
							<div class="pb16">
								<span class="gray9">备注：</span>
								{{ detail.buyer_remark }}
							</div>
						</el-col>
					</el-row>
				</div>
				<div class="common-form mt16">自提信息</div>
				<div class="table-wrap" v-if="detail.extract">
					<el-row>
						<el-col :span="5">
							<div class="pb16">
								<span class="gray9">门店ID：</span>
								{{ detail.extractStore.store_id }}
							</div>
						</el-col>
						<el-col :span="5">
							<div class="pb16">
								<span class="gray9">门店名称：</span>
								{{ detail.extractStore.store_name }}
							</div>
						</el-col>
						<el-col :span="5">
							<div class="pb16">
								<span class="gray9">联系人：</span>
								{{ detail.extractStore.linkman }}
							</div>
						</el-col>
						<el-col :span="5">
							<div class="pb16">
								<span class="gray9">联系电话：</span>
								{{ detail.extractStore.phone }}
							</div>
						</el-col>
						<el-col :span="15">
							<div class="pb16">
								<span class="gray9">门店地址：</span>
								{{ detail.extractStore.region.province }}- {{ detail.extractStore.region.city }}-
								{{ detail.extractStore.region.region }}-
								{{ detail.extractStore.address }}
							</div>
						</el-col>
					</el-row>
				</div>
			</template>

			<!--无需发货-->
			<template v-if="detail.delivery_type.value == 30">
				<div class="common-form mt16">用户信息</div>
				<div class="table-wrap">
					<el-row>
						<el-col :span="5">
							<div class="pb16">
								<span class="gray9">联系手机：</span>
								{{ detail.user.mobile }}
							</div>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="25">
							<div class="pb16">
								<span class="gray9">备注：</span>
								{{ detail.buyer_remark }}
							</div>
						</el-col>
					</el-row>
				</div>
			</template>

			<!--付款信息-->
			<template v-if="detail.pay_status.value == 20">
				<div class="common-form mt16">付款信息</div>
				<div>
					<div class="table-wrap">
						<el-row>
							<el-col :span="5">
								<div class="pb16">
									<span class="gray9">应付款金额：</span>
									{{ detail.pay_price }}
								</div>
							</el-col>
							<!-- <el-col :span="5">
								<div class="pb16">
									<span class="gray9">支付方式：</span>
									{{ detail.pay_type.text }}
								</div>
							</el-col>
							<el-col :span="5">
								<div class="pb16">
									<span class="gray9">支付流水号：</span>
									{{ detail.transaction_id }}
								</div>
							</el-col>
							<el-col :span="5">
								<div class="pb16">
									<span class="gray9">付款状态：</span>
									{{ detail.pay_status.text }}
								</div>
							</el-col>
							<el-col :span="5">
								<div class="pb16">
									<span class="gray9">付款时间：</span>
									{{ detail.pay_time }}
								</div>
							</el-col> -->
						</el-row>
					</div>
				</div>
				<div>
					<div class="pb16">
						<span class="gray9">付款凭证：</span>
					</div>
					<div class="pic" v-if="detail.pay_prove_img"><img v-img-url="detail.pay_prove_img" /></div>
				</div>
			</template>

			<template v-if="custom_form && custom_form.length > 0">
				<div class="common-form mt16">表单信息</div>
				<div class="table-wrap">
					<div class="table-wrap">
						<ul class="list">
							<li class="item" :span="item.label !== 'text' ? 12 : 24"
								v-for="(item, index) in custom_form" :key="index">
								<div>{{ item.title }}：{{ item.value }}</div>
							</li>
						</ul>
					</div>
				</div>
			</template>

			<!--发货信息-->
			<div v-if="
          detail.pay_status.value == 20 &&
          detail.delivery_type.value == 10 &&
          [20, 21].indexOf(detail.order_status.value) === -1
          && !(detail.assemble_status == 10 || detail.assemble_status == 30)
        ">
				<!-- <div v-if="detail.delivery_status.value == 10">
          去发货
          <div class="common-form mt16">去发货</div>
          <el-form size="small" ref="form" :model="form" label-width="100px">
            <el-form-item label="物流公司">
              <el-select v-model="form.express_id" placeholder="请选择快递公司">
                <el-option :label="item.express_name" v-for="(item, index) in expressList" :key="index"
                  :value="item.express_id"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="物流单号">
              <el-input v-model="form.express_no" class="max-w460"></el-input>
            </el-form-item>
          </el-form>
        </div> -->
				<!-- <div v-if="detail.delivery_status.value == 20||detail.delivery_status.value == 30">
					<div class="common-form mt16">发货信息</div>
					<div class="table-wrap">
						<div v-if="detail.delivery_type.value == 10 && detail.is_single==0">
							<el-row>
								<el-col :span="5">
									<div class="pb16">
										<span class="gray9">物流公司：</span>
										{{ detail.express.express_name }}
									</div>
								</el-col>
								<el-col :span="5">
									<div class="pb16">
										<span class="gray9">物流单号：</span>
										{{ detail.express_no }}
									</div>
								</el-col>
								<el-col :span="5">
									<div class="pb16">
										<span class="gray9">发货状态：</span>
										{{ detail.delivery_status.text }}
									</div>
								</el-col>
								<el-col :span="5">
									<div class="pb16">
										<span class="gray9">发货时间：</span>
										{{ detail.delivery_time }}
									</div>
								</el-col>
								<el-col :span="5" v-if="detail.is_label">
									<div class="pb16 d-s-s">
										<div class="gray9">电子面单：</div>
										<el-image style="width: 100px;" :src="detail.label" :zoom-rate="1.2"
											:max-scale="7" :min-scale="0.2" :preview-src-list="[detail.label]"
											:initial-index="0" fit="cover" />
										<!-- <img v-img-url="detail.label" :width="100" /> -->
									<!-- </div>
								</el-col>
							</el-row>
						</div> -->
						<!-- 多包裹发货信息 -->
						<!-- <div v-else-if="detail.delivery_type.value == 10 && detail.is_single==1">
							<el-table size="small" :data="detail.orderDeliverList" border style="width: 100%">
								<el-table-column prop="product_name" label="#" width="100">
									<template #default="{ $index }">
										包裹{{ $index + 1 }}
									</template>
								</el-table-column>
								<el-table-column prop="product_name" label="商品">
									<template #default="{ row }">
										<template v-for="v in row.product_list" :key="v">
											<div class="product-info pb16">
												<div class="pic"><img v-img-url="v.image_path" /></div>
												<div class="info d-b-s d-c">
													<div class="name">{{ v.product_name }}</div>
													<div class="price">发货数：{{ v.delivery_num }}</div>
												</div>
											</div>
										</template>
									</template>
								</el-table-column>
								<el-table-column label="电子面单">
									<template #default="{ row }">
										<el-image v-if="row.label" style="width: 100px; height: 100px" :src="row.label"
											:zoom-rate="1.2" :max-scale="7" :min-scale="0.2"
											:preview-src-list="[row.label]" :initial-index="0" fit="cover" />
									</template>
								</el-table-column>
								<el-table-column prop="express_name" label="快递类型" />
								<el-table-column prop="express_no" label="快递单号" />
								<el-table-column prop="create_time" label="发货时间" />
								<el-table-column prop="remark" label="备注" />
								<el-table-column fixed="right" label="操作">
									<template #default="scope">
										<el-button type="text" size="small" v-auth="'/order/order/express'"
											@click="getLogistics(scope.row)">物流查询
										</el-button>
									</template>
								</el-table-column>
							</el-table>
						</div>
					</div>
				</div> --> 
			</div>
			<!--门店自提核销-->
			<div v-if="detail.delivery_type.value == 20 && detail.pay_status.value == 20 && detail.order_status.value != 21 && detail.order_status.value != 20"
				v-auth="'/order/operate/extract'">
				<div class="common-form mt16">门店自提核销</div>
				<div v-if="detail.delivery_status.value == 10">
					<el-form size="small" ref="extract_form" :model="extract_form" label-width="100px">
						<el-form-item label="门店核销员">
							<el-select v-model="extract_form.order.extract_clerk_id" placeholder="点击选择">
								<el-option :label="item.real_name" v-for="(item,) in shopClerkList"
									:key="item.clerk_id" :value="item.clerk_id"></el-option>
							</el-select>
						</el-form-item>
						<el-form-item label="买家取货状态 ">
							<el-radio v-model="extract_form.order.extract_status" :label="1">已取货</el-radio>
						</el-form-item>
						<el-form-item>
							<el-button type="primary" @click="onExtract(detail.order_id)">确认核销</el-button>
						</el-form-item>
					</el-form>
				</div>
				<div v-else class="table-wrap">
					<template v-if="detail.extractClerk">
						<el-row>
							<el-col :span="5">
								<div class="pb16">
									<span class="gray9">自提门店名称：</span>
									{{ detail.extractStore.store_name }}
								</div>
							</el-col>
							<el-col :span="5">
								<div class="pb16">
									<span class="gray9">核销员：</span>
									{{ detail.extractClerk.real_name }}
								</div>
							</el-col>
							<el-col :span="5">
								<div class="pb16">
									<span class="gray9">核销状态：</span>
									<template v-if="detail.delivery_status.value == 20">
										已核销
									</template>
								</div>
							</el-col>
							<el-col :span="5">
								<div class="pb16">
									<span class="gray9">核销时间：</span>
									{{ detail.delivery_time }}
								</div>
							</el-col>
						</el-row>
					</template>
				</div>
			</div>
			<!--取消信息-->
			<div class="table-wrap" v-if="detail.order_status.value == 20 && detail.cancel_remark != ''">
				<div class="common-form mt16">取消信息</div>
				<div class="table-wrap">
					<el-row>
						<el-col :span="5">
							<div class="pb16">
								<span class="gray9">商家备注：</span>
								{{ detail.cancel_remark }}
							</div>
						</el-col>
					</el-row>
				</div>
			</div>
			<!-- 用户取消订单 -->
			<div v-if="detail.pay_status.value == 20 && detail.order_status.value == 21">
				<div class="common-form mt16">用户取消订单</div>
				<p class="red pb16">
					当前买家已付款并申请取消订单，请审核是否同意，如同意则自动退回付款金额（微信支付原路退款）并关闭订单。
				</p>
				<el-form size="small" ref="forms" :model="forms">
					<el-form-item label="审核状态">
						<div>
							<el-radio v-model="forms.is_cancel" :label="1">同意</el-radio>
							<el-radio v-model="forms.is_cancel" :label="0">拒绝</el-radio>
						</div>
					</el-form-item>
				</el-form>
			</div>
			<!--虚拟物品发货-->
			<div v-if="detail.delivery_type.value == 30 && detail.pay_status.value == 20 && detail.order_status.value != 21 && detail.order_status.value != 20"
				v-auth="'/order/order/delivery'">
				<div class="common-form mt16">虚拟商品发货</div>
				<div v-if="detail.delivery_status.value == 10">
					<div class="pb16">
						<span class="gray9">发货状态：</span>待发货
					</div>
				</div>
				<div v-else class="table-wrap">
					<template v-if="detail.virtual_content">
						<el-row>
							<el-col :span="5">
								<div class="pb16">
									<span class="gray9">发货信息：</span>
									{{ detail.virtual_content }}
								</div>
							</el-col>
							<el-col :span="5">
								<div class="pb16">
									<span class="gray9">发货状态：</span>
									<template v-if="detail.delivery_status.value == 20">
										已发货
									</template>
								</div>
							</el-col>
							<el-col :span="5">
								<div class="pb16">
									<span class="gray9">发货时间：</span>
									{{ detail.delivery_time }}
								</div>
							</el-col>
						</el-row>
					</template>
				</div>
			</div>
		</div>
		<div class="common-button-wrapper">
			<el-button size="small" type="info" @click="cancelFunc">返回上一页</el-button>
			<!--用户取消-->
			<template v-if="detail.pay_status.value == 20 && detail.order_status.value == 21">
				<el-button size="small" type="primary" @click="confirmCancel()">确认审核</el-button>
			</template>
		</div>
		<changeAddress :isChange="isChange" :addressData="addressData" @closeDialog='closeAddress'></changeAddress>
		<Logistics v-if="isLogistics" :logisticsData="logisticsData" :isLogistics="isLogistics"
			@closeDialog='closeLogistics'></Logistics>
	</div>
</template>

<script>
	import {
		orderdetail,
		delivery,
		confirm,
		extract,
		updateAddress,
		orderExpress,
	} from "@/api/order.js";
	import changeAddress from "@/components/order/changeAddress.vue";
	import {
		deepClone
	} from "@/utils/base.js";
	import Logistics from '@/components/logistics/viewLogistics.vue';
	export default {
		components: {
			changeAddress,
			Logistics
		},
		data() {
			return {
				active: 0,
				/*是否加载完成*/
				loading: true,
				/*订单数据*/
				detail: {
					pay_status: [],
					pay_type: [],
					delivery_type: [],
					user: {},
					address: [],
					product: [],
					order_status: [],
					extract: [],
					extract_store: [],
					express: [],
					delivery_status: [],
					extractClerk: [],
					pay_prove: 0,
					pay_prove_img: '',
					pay_source: '',
				},
				/*是否打开添加弹窗*/
				open_add: false,
				/*一页多少条*/
				pageSize: 20,
				/*一共多少条数据*/
				totalDataNumber: 0,
				/*当前是第几页*/
				curPage: 1,
				/*发货*/
				form: {
					/*订单ID*/
					express_id: null,
					/*订单号*/
					express_no: "",
				},
				forms: {
					is_cancel: 1,
				},
				extract_form: {
					order: {
						extract_status: 1,
					},
				},
				order: {},
				delivery_type: 0,
				/*配送方式*/
				exStyle: [],
				/*门店列表*/
				shopList: [],
				/*当前编辑的对象*/
				userModel: {},
				/*时间*/
				create_time: "",
				/*快递公司列表*/
				expressList: [],
				shopClerkList: [],
				/*是否打开编辑弹窗*/
				open_edit: false,
				isChange: false,
				addressData: {
					name: "",
					phone: "",
					region: {
						province: "",
						province_id: 0,
						city: "",
						city_id: 0,
						region: "",
						region_id: 0,
						detail: "",
					},
				},
				isLogistics: false,
				logisticsData: {},
				custom_form: [],
			};
		},
		created() {
			/*获取列表*/
			this.getParams();
		},
		methods: {
			getLogistics(row) {
				let self = this;
				let Params = {
					order_id: row.order_id,
					express_id: row.express_id,
					express_no: row.express_no,
				};
				self.loading = true;
				orderExpress(Params, true)
					.then(res => {
						self.loading = false;
						self.logisticsData = res.data.express.list;
						console.log(self.logisticsData);
						self.openLogistics();
					})
					.catch(error => {
						self.loading = false;
					});
			},
			openLogistics() {
				this.isLogistics = true;

			},
			closeLogistics() {
				this.isLogistics = false;
			},
			next() {
				if (this.active++ > 4) this.active = 0;
			},
			/*获取参数*/
			getParams() {
				let self = this;
				// 取到路由带过来的参数
				const params = this.$route.query.order_id;
				orderdetail({
							order_id: params,
						},
						true
					)
					.then((data) => {
						self.loading = false;
						self.detail = data.data.detail;
						self.expressList = data.data.expressList;
						self.shopClerkList = data.data.shopClerkList;
						self.addressData = self.detail.address;
						self.custom_form = self.detail.custom_form;
					})
					.catch((error) => {
						self.loading = false;
					});
			},

			/*发货*/
			onSubmit() {
				let self = this;
				let param = self.form;
				if (param.express_id == null) {
					ElMessage.error("请选择物流公司");
					return;
				}
				if (param.express_no == "") {
					ElMessage.error("请填写物流单号");
					return;
				}
				let order_id = this.$route.query.order_id;
				delivery({
							param: param,
							order_id: order_id,
						},
						true
					)
					.then((data) => {
						self.loading = false;
						ElMessage({
							message: "恭喜你，发货成功",
							type: "success",
						});
						self.getParams();
					})
					.catch((error) => {
						self.loading = false;
					});
			},

			/*确认取消*/
			confirmCancel() {
				let self = this;
				let order_id = this.$route.query.order_id;
				let is_cancel = self.forms.is_cancel;
				confirm({
							order_id: order_id,
							is_cancel: is_cancel,
						},
						true
					)
					.then((data) => {
						self.loading = false;
						ElMessage({
							message: "恭喜你，审核成功",
							type: "success",
						});
						self.getParams();
					})
					.catch((error) => {
						self.loading = false;
					});
			},

			/*核销*/
			onExtract(e) {
				let self = this;
				let extract_form = self.extract_form;
				extract_form.order_id = e;
				extract({
							extract_form,
						},
						true
					)
					.then((data) => {
						self.loading = false;
						ElMessage({
							message: "恭喜你，操作成功",
							type: "success",
						});
						self.getParams();
					})
					.catch((error) => {
						self.loading = false;
					});
			},

			/*打开编辑*/
			editClick(item) {
				this.userModel = deepClone(item);
				this.open_edit = true;
				console.log(this.open_edit);
			},

			/*关闭弹窗*/
			closeDialogFunc(e, f) {
				if (f == "edit") {
					this.open_edit = e.openDialog;
					this.getParams();
				}
			},

			/*取消*/
			cancelFunc() {
				this.$router.back(-1);
			},
			changeAdd() {
				this.isChange = true;
			},
			closeAddress(e) {
				let self = this;
				if (e == false) {
					self.isChange = false;
					console.log(e);
					return false;
				}
				let params = e.params;
				console.log(params);
				params.order_id = self.$route.query.order_id;
				updateAddress(params, true)
					.then((data) => {
						ElMessage({
							message: "修改成功",
							type: "success",
						});
					})
					.catch((error) => {});
				self.isChange = false;
			},
		},
	};
</script>
<style></style>